/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
$(document).ready(function() {
    document.getElementById("txtUsuario").autocomplete="off"
    document.getElementById("txtClave").autocomplete="off"
    
    $("#login-form").validate({
        rules: {                        
            txtClave: {
                required: true,
                minlength: 5
            },                       
            txtUsuario: {
                required: true,
                email: true
            }                        
        },
        messages: {                        
            txtUsuario: 
            {
                required: "Ingrese su correo",
                email: "El correo no es válido"                   
            },
            txtClave:  {
                required: "Ingrese su clave",
                minlength: "La clave no es válida"
            }                       
        }
    });
    var usuario = $("#txtUsuario"); 
    var password = $("#txtClave"); 
    $("#login-form").submit(function(){    
        document.getElementById("btnIngresar").setAttribute("disable", "true")
        $.ajax({
            type: "post", 
            url: "login.jsp",
            data: "user="+usuario.val()+"&pass="+password.val(),
            success: function(msg) {
                $('#mensajeerror').hide();
                $("#mensajeerror").html ("<div class='error-box'>"+ msg + '</div>').fadeIn("slow");
            }
        });        
    });
});


